<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>在建工地-样板间详情</title>
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="优乐装修"/>
    <meta name="Description" content="优乐装修首页" />
    <link href="skins/css/animate.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/lightbox.min.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/idangerous.swiper2.7.6.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="skins/css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wraper">
    <!--头部-->
    <div class="header">
        <div class="ule-container clearfix">
            <div class="logo">
                <img src="images/logo.png"/>
            </div>
            <div class="header-pos-check">
                <p class="header-pos-current">重庆</p>
                <p class="btn-header-pos-select">
                <div class="select-top-shop-area-box">
                    <select class="select-top-shop-area">
                        <option>切换店面</option>
                        <option>杨家坪店</option>
                        <option>江北店</option>
                        <option>万州店</option>
                    </select>
                </div>
                </p>
            </div>
            <div class="header-search">
                <div class="header-search-group">
                    <span class="header-search-select">找设计师</span>
                    <ul class="header-search-type-list">
                        <li><a href="javascript:;">找装修社区</a> </li>
                        <li><a href="javascript:;">找装修社区</a> </li>
                    </ul>
                    <input class="header-search-input" type="text"/>
                    <button type="button" class="header-search-btn"></button>
                </div>
            </div>
        </div>
    </div>
    <!--头部end-->
    <!--导航-->
    <div class="top-nav nav-orange">
        <div class="ule-container">
            <ul class="top-nav-list">
                <li><a href="home.html">首页</a></li>
                <li><a href="#">精装王</a></li>
                <li><a href="#">热门活动</a></li>
                <li><a href="#">装修效果图</a></li>
                <li><a href="#">设计师</a></li>
                <li><a href="construction-site.html">热装小区</a></li>
                <li><a href="#">装修攻略</a></li>
                <li class="nav-about-us">
                    <a href="about-us.html">
                        <span>关于优乐</span>
                    </a>
                    <div class="top-nav-drop-list">
                        <ul>
                            <li><a href="about-us.html">公司简介</a> </li>
                            <li><a href="about-us.html">精工工艺</a> </li>
                            <li><a href="about-us.html">国际选材</a> </li>
                            <li><a href="about-us.html">企业荣誉</a> </li>
                            <li><a href="about-us.html">人才招聘</a> </li>
                            <li><a href="about-us.html">联系我们</a> </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--导航end-->
    <!--banner-->
    <div class="about-us-banner">
        <img src="images/aboutus/about_us_banner.png"/>
    </div>
    <!--banner end-->
    <!--区域选择-->
    <div class="area-select">
        <div class="ule-container">
            <!--小区地址选择-->
            <div class="village-area-select">
                <div class="village-select-option-group clearfix">
                    <label class="village-select-option-name">区域：</label>
                    <div class="village-select-option-list">
                        <ul>
                            <li><a href="#">江北区</a></li>
                            <li class="active"><a href="#">渝北区</a></li>
                            <li><a href="#">渝中区</a></li>
                            <li><a href="#">南岸区</a></li>
                            <li><a href="#">九龙坡区</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                    </div>
                </div>

                <div class="village-select-option-group clearfix">
                    <label class="village-select-option-name">户型：</label>
                    <div class="village-select-option-list">
                        <ul>
                            <li><a href="#">一居室</a></li>
                            <li><a href="#">两居室</a></li>
                            <li><a href="#">三居室</a></li>
                            <li><a href="#">越城</a></li>
                            <li><a href="#">花园洋房</a></li>
                            <li><a href="#">别墅</a></li>
                        </ul>
                    </div>
                </div>
                <div class="village-select-option-group clearfix">
                    <label class="village-select-option-name">风格：</label>
                    <div class="village-select-option-list">
                        <ul>
                            <li class="active"><a href="#">凤凰湾</a></li>
                            <li><a href="#">保利江山明珠</a></li>
                            <li><a href="#">保利山庄 梧桐</a></li>
                            <li><a href="#">融景城</a></li>
                            <li><a href="#">保利江山明珠</a></li>
                            <li><a href="#">保利山庄 梧桐</a></li>
                            <li><a href="#">融景城</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--小区地址选择end-->
        </div>
    </div>
    <!--区域选择end-->
    <!--面包屑导航-->
    <div class="ule-container csd-mark-nav">
        <div class="mark-nav">
            <ul>
                <li><a href="#">优乐装饰首页</a> </li>
                <li><a href="construction-site.html">在建工地</a> </li>
                <li><a href="construction-site-detail.html">中央美地</a> </li>
                <!--最后一个也就是当前页，不用a标签包住，而且加上active的class-->
                <li class="active">记忆江南</li>
            </ul>
        </div>
    </div>
    <!--面包屑导航end-->
    <!--在建工地样板详情-->
    <div class="ule-container">
        <div class="house-base-info">
            <h3>记忆江南</h3>
            <p>
                <label>面积：</label><span>120m<sup>2</sup> </span>
                <label>风格：</label><span>现代简约</span>
                <label>小区：</label><span>中央美地</span>
                <label>户型：</label><span>三居</span>
                <label>色调：</label><span class="csd-house-color" style="background-color: #383838"></span>
            </p>
            <p>本案亮点：通过现代风格的特征，表达对清雅含蓄、端庄丰华的东方式精神境界的追求 </p>
        </div>
        <div class="house-images">
            <img src="images/construction_site/detail_lg_1.png"/>
        </div>
        <div class="house-skills">
            <ul>
                <li>
                    <h3>设计理念</h3>
                    <p>中式元素与现代材质的巧妙兼柔，明清家具、窗棂、布艺床品相互辉映，再现了移步变景的精妙小品</p>
                </li>
                <li>
                    <h3>主材说明</h3>
                    <p>1.蒙娜丽莎陶瓷 2.立邦墙面漆</p>
                </li>
            </ul>
        </div>
    </div>
    <!--在建工地列表end-->
    <!--footer-->
    <div class="footer">
        <div class="ule-container">
            <div class="footer-ule-intro clearfix">
                <div class="intro-item item1">
                    <h3>个性精装</h3>
                    <p>选择一口价</p>
                    <p>杜绝隐藏消费</p>
                </div>
                <div class="intro-item item2">
                    <h3>45项精装服务</h3>
                    <p>一对一服务</p>
                    <p>项目精</p>
                </div>
                <div class="intro-item item3">
                    <h3>一线主材</h3>
                    <p>128家合作品牌联盟</p>
                    <p> 品质保障，绿色环保</p>
                </div>
                <div class="intro-item item4">
                    <h3>800m<sup>2</sup>实景展厅</h3>
                    <p>选材快</p>
                    <p>款式多</p>
                </div>
                <div class="intro-item item5">
                    <h3>售后保障</h3>
                    <p>终身维护</p>
                    <p>十年工程质保期</p>
                </div>
            </div>
            <!--联系信息-->
            <div class="footer-contact-info">
                <div class="contact-address">
                    <h2>公司地址</h2>
                    <p>重庆市九龙坡杨家坪动物园斜对面优乐装饰广场</p>
                    <p>重庆市江北区红旗河沟红黄路10号华创大厦三楼整层</p>
                    <p>重庆市万州区北滨大道二段90号上游福地三楼</p>
                    <p class="text-warning">重庆优乐装饰工程有限公司</p>
                    <p class="text-warning">友情链接：
                        <a class="text-warning" href="http://toutiao.com/m50365027850/?&tt_from=mobile_qq&utm_source=mobile_qq&utm_medium=toutiao_ios&utm_campaign=client_share"> 今日头条优乐生活</a>
                        <span>丨</span>
                        <a class="text-warning" href="http://3g.k.sohu.com/snsj/user_card/MTQzODUyOTg1NTMxODY3NjQ4?rd=45284">搜狐优乐生活</a>
                    </p>
                </div>
                <div class="yuyue-phone">
                    <!--预约电话：023-88675888、在线咨询QQ2463546943-->
                    <h2>预约热线</h2>
                    <p class="phone-number">023-88675888</p>
                    <p class="footer-phone-action">
                        <a type="button" href="tencent://message/?uin=2463546943" class="btn btn-footer-ask">在线咨询</a>
                    </p>
                </div>
                <div class="footer-qrcode">
                    <h2>优乐官方微信：</h2>
                    <p><img src="images/footer_qrcode.png"/> </p>
                </div>
                <div class="footer-qrcode">
                    <h2>优乐官方微博：</h2>
                    <p><img src="images/footer_qrcode.png"/> </p>
                </div>

                <div class="clear-float"></div>
            </div>
            <!--联系信息end-->
        </div>
    </div>
    <!--footer end-->
</div>
<!--右下方悬浮窗-->
<div class="attach_bar">
    <button type="button" class="btn-attach_bar online-ask">在线咨询</button>
    <button type="button" class="btn-attach_bar phone-ask">电话咨询</button>
    <button type="button" class="btn-attach_bar pop-act">热门活动</button>
    <button type="button" class="btn-attach_bar order-house">预约量房</button>
    <button type="button" class="btn-attach_bar back-top">返回顶部</button>
</div>
<!--右下方悬浮窗-->
<!--预约弹窗-->
<div class="modal appointment-modal">
    <div class="alert-appointment">
        <table class="alert-form" width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td colspan="2" align="right">
                    <button type="button" class="btn btn-default btn-md js-btn-cancel-appointment">取消</button>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" class="form-control input-lg" placeholder="请输入您的名字"/></td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" class="form-control input-lg" placeholder="请输入电话"/></td>
            </tr>
            <tr>
                <td width="80%" style="padding-right: 5px;">
                    <input type="text" class="form-control input-lg" placeholder="请输入验证码"/>
                </td>
                <td width="20%" style="padding-left: 5px;" align="right">
                    <img height="46" src="images/vr-code.png"/>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <button type="button" class="btn btn-danger btn-block btn-md js-btn-submit-appointment">提交</button>
                </td>
            </tr>
        </table>
    </div>
</div>
<!--预约弹窗-->
<script type="text/javascript" src="js/libs/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/libs/jquery.placeholder.js"></script>
<script type="text/javascript" src="js/libs/jquery.ellipsis.min.js"></script>
<script type="text/javascript" src="js/libs/idangerous.swiper2.7.6.min.js"></script>
<script type="text/javascript" src="js/libs/lightbox.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>